$(function () {

    if (businessName== 'null' || businessName== '' ){
        toastr.error("还未登录,请先登录")
        return null
    }
    $('#loadTable').bootstrapTable({
        method : 'get',
        url : ctx+"businessHigh/getBookorderListPage",//请求路径
        height: getHeight(),//表格高度
        striped : true, //是否显示行间隔色
        pageNumber : 1, //初始化加载第一页
        pagination : true,//是否分页
        /*striped : true,   //设置为 true 会有隔行变色效果*/
        sidePagination : 'server',//server:服务器端分页|client：前端分页
        pageSize : 5,//单页记录数
        pageList : [5,10,20,30],//可选择单页记录数
        showRefresh : true,//刷新按钮
        queryParams : function(params) {//上传服务器的参数
            var temp = {//如果是在服务器端实现分页，limit、offset这两个参数是必须的
                limit :  params.limit, // 每页显示数量
                offset : params.offset, // SQL语句起始索引
                page : (params.offset / params.limit) + 1, //当前页码
                inTime: $('#inTimeSelect').val(),
                outTime : $('#outTimeSelect').val(),
                trade_state:$('#sel1').val()
            };
            return temp;
        },
        columns : [ {
            title : '酒店信息',
            field : 'hotelNameRoom',
            cellStyle:formatTableUnit,
            formatter:paramsMatter,
        }, {
            title : '消费价格',
            field : 'total_price',
            sortable : true
        }, {
            title : '付款时间',
            field : 'gmt_payment',
        },{
            title : '入住时间',
            field : 'inTime',
            sortable : true,
            cellStyle:formatTableUnit
        },{
            title : '退房时间',
            field : 'outTime',
            sortable : true,
            cellStyle:formatTableUnit
        },
            {
                title : '订单状态',
                field : 'trade_state',
                formatter:function(value ,row,index){
                    var state=value;
                    if (state == 1){
                        return '已付款'
                    }else if (state == 2){
                        return '<span style="color: red">已退款</span>'
                    }
                }
            },{
                field: 'operate',
                title: '操作',
                /* width: 120,*/
                align: 'center',
                valign: 'middle',
                formatter: actionFormatter,
            },
            /* {
                 title : '操作',
                 field : 'id',
                 formatter: function(value, row, index) {
                     /!*  var htm = '<button  class=\"btn btn-primary btn-lg\" data-toggle=\"modal\" data-target=\"#myModal\">拉黑</button>'
                       return htm;*!/
                     var strArray = new Array();
                     strArray.push('<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#OrderModal" onclick="set(\''+value+'\')">删除</button> ');
                     return strArray.join("");
                 }
             }*/ ]
    })
    setInterval(function () {
        $('#loadTable').bootstrapTable({
            method : 'get',
            url : ctx+"businessHigh/getBookorderListPage",//请求路径
            height: getHeight(),//表格高度
            striped : true, //是否显示行间隔色
            pageNumber : 1, //初始化加载第一页
            pagination : true,//是否分页
            /*striped : true,   //设置为 true 会有隔行变色效果*/
            sidePagination : 'server',//server:服务器端分页|client：前端分页
            pageSize : 5,//单页记录数
            pageList : [5,10,20,30],//可选择单页记录数
            showRefresh : true,//刷新按钮
            queryParams : function(params) {//上传服务器的参数
                var temp = {//如果是在服务器端实现分页，limit、offset这两个参数是必须的
                    limit :  params.limit, // 每页显示数量
                    offset : params.offset, // SQL语句起始索引
                    page : (params.offset / params.limit) + 1, //当前页码
                    inTime: $('#inTimeSelect').val(),
                    outTime : $('#outTimeSelect').val(),
                    trade_state:$('#sel1').val()
                };
                return temp;
            },
            columns : [ {
                title : '酒店信息',
                field : 'hotelNameRoom',
                cellStyle:formatTableUnit,
                formatter:paramsMatter,
            }, {
                title : '消费价格',
                field : 'total_price',
                sortable : true
            }, {
                title : '付款时间',
                field : 'gmt_payment',
            },{
                title : '入住时间',
                field : 'inTime',
                sortable : true,
                cellStyle:formatTableUnit
            },{
                title : '退房时间',
                field : 'outTime',
                sortable : true,
                cellStyle:formatTableUnit
            },
                {
                    title : '订单状态',
                    field : 'trade_state',
                    formatter:function(value ,row,index){
                        var state=value;
                        if (state == 1){
                            return '已付款'
                        }else if (state == 2){
                            return '<span style="color: red">已退款</span>'
                        }
                    }
                },{
                    field: 'operate',
                    title: '操作',
                    /* width: 120,*/
                    align: 'center',
                    valign: 'middle',
                    formatter: actionFormatter,
                },
                /* {
                     title : '操作',
                     field : 'id',
                     formatter: function(value, row, index) {
                         /!*  var htm = '<button  class=\"btn btn-primary btn-lg\" data-toggle=\"modal\" data-target=\"#myModal\">拉黑</button>'
                           return htm;*!/
                         var strArray = new Array();
                         strArray.push('<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#OrderModal" onclick="set(\''+value+'\')">删除</button> ');
                         return strArray.join("");
                     }
                 }*/ ]
        })
    },60000)
    /*操作栏*/
    function actionFormatter(value, row, index) {
        var strArray = new Array();
        strArray.push('<button class="btn btn-primary btn-lg" id="edit"  data-toggle="modal" data-target="#scanInfoModal" onclick="ScanInfoOrderById(\''+row.out_trade_no+'\',\''+ row.bookuser +'\' ,\''+ row.book_user_phone + '\',\''+ row.peoples + '\')">详情</button> ');
        /*strArray.push('<button class="btn btn-primary btn-lg" id="edit"  data-toggle="modal" data-target="#OrderModal" onclick="set(\''+row.id+'\')">修改</button> ');*/
        return strArray.join("");
    }

    //调整table的高度
    function getHeight() {
        /*     console.info("浏览器宽度"+$(window).height());*/
        return 390;
    }

    //查询按钮事件
    $('#search_btn').click(function() {
        $('#loadTable').bootstrapTable('refresh', {
            url :ctx+"businessHigh/getBookorderListPage"
        });
    });

    /*//设置时间   放在顶部会影响第一次查看数据
    var mydate = new Date();
    var str = '"' + mydate.getFullYear() + "-";
    str += (mydate.getMonth()+1) + "-";
    str += mydate.getDate() + '"';
    console.info("当前时间："+str )
    var addDate = new Date(new Date(str).getTime() + (1000 * 60 * 60 * 24));
    var str1 = '"' + addDate.getFullYear() + "-";
    str1+= (addDate.getMonth()+1) + "-";
    str1 += addDate.getDate() + '"';
    console.info("第二天时间："+str1)*/

    $('#datetimepicker1').datetimepicker({
        format: 'YYYY-MM-DD',
        locale: moment.locale('zh-cn'),
        defaultDate: ""
    });
    $('#datetimepicker2').datetimepicker({
        format: 'YYYY-MM-DD',
        locale: moment.locale('zh-cn'),
        defaultDate: ""
    });

    var picker1 = $('#datetimepicker1').datetimepicker({
        format: 'YYYY-MM-DD',
        locale: moment.locale('zh-cn')
    });
    var picker2 = $('#datetimepicker2').datetimepicker({
        format: 'YYYY-MM-DD',
        locale: moment.locale('zh-cn')
    });
    //动态设置最小值
    picker1.on('dp.change', function(e) {
        picker2.data('DateTimePicker').minDate(e.date);
    });
    //动态设置最大值
    picker2.on('dp.change', function(e) {
        picker1.data('DateTimePicker').maxDate(e.date);
    });

    // 删除订单
    $('#saveActive').click(function () {
        $.ajax({
            url: ctx+"businessHigh/deleteBookorder?orderId="+$('#hiddenBookOrder').val(),
            type: "post",
            dataType:"json",
            success: function(data) {
                $('#OrderModal').modal('hide');
                $('#loadTable').bootstrapTable('refresh');
                toastr.success(data.msg)
            },
            error: function(data) {
                toastr.error("操作失败");
            }
        });
    })
})

    //modal 赋值id
    function set(id) {
        console.info(id)
        $('#hiddenBookOrder').val(id);
    };

    /*查看详情*/
    function ScanInfoOrderById(trade,user,userphone,peoples) {
        $('#trade').val(trade);
        $('#bookuser').val(user);
        $('#bookuserPhone').val(userphone);
        $('#peoples').val(peoples)
    }

    //表格超出宽度鼠标悬停显示td内容
    function paramsMatter(value,row,index) {
        var span=document.createElement('span');
        span.setAttribute('title',value);
        span.innerHTML = value;
        return span.outerHTML;
    }

    //td宽度以及内容超过宽度隐藏
    function formatTableUnit(value, row, index) {
        return {
            css: {
                "white-space": 'nowrap',  //white-space:段落中的文本不进行换行：nowrap: 文本会在在同一行上继续，直到遇到 <br> 标签为止
                "text-overflow": 'ellipsis', //text-overflow 属性规定当文本溢出包含元素时发生的事情   ellipsis:显示省略符号来代表被修剪的文本
                "overflow": 'hidden',
                "max-width":"150px",
            }
        }
    }